<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>宝贝编辑</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/my.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="js/lib/mobileSelect.css">
  <style>
    input::-webkit-input-placeholder{font-size:0.2rem;color:#666666;}
  </style>
</head>
<body style="background:#F2F2F2;">
<div class="header-box">
  <p id="baby_details">编辑宝贝档案</p>
</div>
<div class="baby_edit">
  <div class="baby_edit_box">
    <table></table>
    <div class="baby_touxiang">
      <img src="img/my/tuceng 31 2@2x.png" class="imga">
      <input type="file" class="hide" accept="image/*" name="image"><img src="img/my/xiangji@2x.png" class="imgb"></input>
    </div>
    <div class="baby_list">
      <ul id="baby_list">
        <li>
          <input type="text" name="" placeholder="请输入宝贝姓名">
        </li>
        <li>
          <input type="text" name="" placeholder="请输入宝贝昵称">
        </li>
        <li>
          <input type="text" name="" placeholder="宝贝性别" id="gender">
        </li>
        <li>
          <input type="text" name="" placeholder="宝贝生日" id="select_2">
        </li>
      </ul>
    </div>
    <div class="zaojiao">
      <p class="zaojiao_title">
        <span>早教信息</span>
        <a href="newEducation.html">新增</a>
      </p>
      <div class="zaojiao_text">
        <p>
          <span>机构名称：<i>金宝贝早教中心</i></span><br>
          <span>上课时间：<i>周日10:00-11:00</i></span>
        </p>
        <p>
          <span>机构名称：<i>金宝贝早教中心</i></span><br>
          <span>上课时间：<i>周日10:00-11:00</i></span>
        </p>
      </div>
    </div>
    <div class="save_baby">
      <a href="myBaby.html">保存</a>
    </div>
    <div class="del_baby">
      <a href="myBaby.html">
        <img src="img/my/tuceng 6@2x.png">
        删除
      </a>
    </div>
  </div>
</div>
<div class="footer_kb"></div>
<div id="gender_show">
  <div id="zhezhao"></div>
  <div id="fixed_gender">
    <p id="b">男</p>
    <p id="g">女</p>
  </div>
</div>
</body>
<script src="js/jquery.js"></script><script src="js/jquery.cookie.js"></script>
<script src="js/base.js?v=base.js?v=20180102"></script>
<script type="text/javascript" src="js/lib/mobileSelect.js"></script>
<script type="text/javascript" src="js/lib/selectDate.js"></script>
<script>
  function deff(ti) {
    $("#baby_details").html(ti);
  }
  var args=arg();
  if (args.babytype==0 ){
    deff("编辑宝贝档案");
  } else if (args.babytype==1 ) {
    deff("新建宝贝档案");
  }
  $.selectDate("#select_2",{
    start:1958,  //可供选择的起始时间
    end:2018,    //可供选择的结束时间
    select:[2012,5,6],   //可设置默认的选择日期
  },function (data) {
    $('#select_2').val(data.year+"/"+data.month+"/"+data.day);
    //alert(data.year+"-"+data.month+"-"+data.day);
    //console.log(data);
  });

  $('#gender').click(function () {
      $('#zhezhao').show();
      $('#fixed_gender').css('bottom','0rem');
  });
  $('#zhezhao').click(function () {
    $('#zhezhao').hide();
    $('#fixed_gender').css('bottom','-4rem');
  });
  function gender_click(e){
    $('#gender').val(e.html());
    $('#zhezhao').hide();
    $('#fixed_gender').css('bottom','-4rem');
  }
  $('#b').click(function () {
    gender_click($(this));
  });
  $('#g').click(function () {
    gender_click($(this));
  });
</script>
</html>